<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>急件要发</li>
                 <li></li>
               </ul>
          </header>
          <section>
             <div class="menu">
                <div class="one">
                    <span>{{text}}</span>
                    <button class="two">{{texts}}</button>
                    <button class="three">{{textss}}</button>
                </div>
                <div class="four">
                     <span>{{txt}}</span>
                     <input type="text" value="简介物品及要求">
                     <router-link to="jianjiexuanze">
                     <b><img :src="imgs"></b>
                   </router-link>
                     <b><img :src="img"></b>
                </div>
                <div class="five">
                  <span>{{txet}}</span>
                  <input type="text" value="20">
                  <b>{{txts}}</b>
                  <b>{{txtss}}</b>
                </div>
                <div class="six">
                    <span>{{tts}}</span>
                    <button>{{ttss}}</button>
                    <button>{{ts}}</button>
                    <button>{{tss}}</button>
                    <button>{{st}}</button>
                </div>
                <div class="seven">
                  <span>{{ss}}</span>
                  <router-link to="lianxiren">
                  <b><img :src="imgss"></b>
                </router-link>
                </div>
                <div class="event">
                    <input type="checkbox">
                    <span>{{font}}</span>
                    <b>{{fonts}}</b>
                    <span>{{fontss}}</span>
                </div>
                <div class="btn">
                  <button>{{vv}}</button>
                </div>
             </div>
          </section>
         
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
  import".././assets/js/jquery.min.js"
  
export default {
  name: 'box',
  data () {
    return{
        text:"取件时间:",
        texts:"立即",
        textss:"预约",
        txt:"简介：",
        imgs:"../../static/xuan.png",
        img:"../../static/tu4.png",
        txet:"保价：",
        txts:"元",
        txtss:"物品丢失，按此保价赔偿，保费5%",
        tts:"重量",
        ttss:"0-2kg",
        ts:"2-5kg",
        tss:"5-10kg",
        st:"10-20kg",
        ss:"收件人：请选择",
        imgss:"../../static/tu.png",
        font:"我已知晓并执行了《",
        fonts:"禁止发布协议",
        fontss:"》",
        vv:"计算费用"
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}


</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/jijianyaofa.less";
   @import ".././assets/css/reset.css";
  
</style>